<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta content="jsnav" name="HeyRain">
  <title>小菜 - 导航</title>
  <meta content="一个简单的网址导航，调用必应搜索引擎，收录了各种常用网站。分类整理，内容不断更新。适用于学生和开发人员" name="description">
  <meta content="网址大全,导航,网址导航,搜索,常用网站,常用网址,大学生导航,程序员导航,设计导航,学习导航,图片压缩,格式转换,格式工具" name="keywords">
  <link rel="icon" href="favicon.ico"/>
  <!-- 引入我们首页的css -->
  <link rel="stylesheet" href="css/index.css">
  <!-- 引入swiper css文件 -->
  <link rel="stylesheet" href="css/swiper.min.css">
  <!-- 引入swiper js 文件 -->
  <script src="js/swiper.min.js"></script>
  <!-- 引入我们自己的js文件 -->
  <!-- <script src="js/index.js"></script> -->

  <!-- 百度统计start -->
  <script>
    var _hmt = _hmt || [];
    (function () {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?41aa1aecec35c04fb9670b911d7b30d0";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>
  <!-- 百度统计start -->

</head>

<body>
  <!-- 返回顶部模块 -->
  <div class="goBack"></div>
  <div class="ad">
    <a href="https://www.qmjianli.com/?tg=H2RCUUAJ" target="_blank" rel="noopener noreferrer" alt="广告" title="广告推广"><img
        src="./images/seo_logo.jpg" alt="" srcset="" height="100%"></a>
    <span class="close"></span>
  </div>
  <div class="nav">
    <ul>
      <li><a href="https://a-cai.gitee.io/">简单导航</a></li>
      <li><a href="https://a-cai.gitee.io/blog/">前端面试题</a></li>
      <li><a href="https://zh.javascript.info/">现代JavaScript教程</a></li>
    </ul>
  </div>
  <!-- 顶部搜索 -->
  <div class="search-container">
    <form onsubmit="return search()">
      <input type=text class="search-input" autocomplete="off" placeholder="必应搜索..." autofocus id="search-input">
      <button class="search-btn" onclick="return search()"></button>
    </form>
  </div>
  <!-- 搜索结束 -->
  <!-- 滑动图 -->
  <div class="slider">
    <!-- Swiper 注意不要更改里面的结构和类名 -->
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <img src="images/focus1.jpg" alt="">
        </div>
        <div class="swiper-slide">
          <img src="images/focus2.jpg" alt="">
        </div>
        <div class="swiper-slide">
          <img src="images/focus3.jpg" alt="">
        </div>
        <div class="swiper-slide">
          <img src="images/focus4.jpg" alt="">
        </div>
      </div>
      <!-- Add Pagination -->
      <div class="swiper-pagination"></div>
    </div>
  </div>
  <div class="main-nav">
    <h1>网站导航</h1>
    <hr>
    <h2>我的常用工具</h2>
    <ul class="grid">
      <li><a href="https://www.iloveimg.com/zh-cn">图片压缩</a></li>
      <li><a href="http://translate.google.cn/">谷歌翻译</a></li>
      <li><a href="http://svip.tmsup.cn/">视频解析</a></li>
      <li><a href="https://lxl.cn/tools/icon.php">iOS 图标</a></li>
      <li><a href="https://yun.smartisan.com/#/notes">锤子便签</a></li>
      <li><a href="https://www.ndovel.com/#/">小说阅读</a></li>
      <li><a href="https://knb.im/mp/">可能吧</a></li>
      <li><a href="https://airportal.cn/">文件传输</a></li>
      <li><a href="https://www.zhangxinxu.com/study/201903/css-idea/">CSS创意视觉</a></li>
    </ul>
    <h2>我的 Gitee Pages</h2>
    <ul class="grid">
      <li><a href="https://a-cai.gitee.io/pdf/">PDF 阅读</a></li>
      <li><a href="https://a-cai.gitee.io/blog/">我的博客</a></li>
      <li><a href="https://a-cai.gitee.io/write/">公众号排版</a></li>
      <li><a href="https://a-cai.gitee.io/codesnapshot">代码截图</a></li>
      <li><a href="https://a-cai.gitee.io/">导航页</a></li>
      <li><a href="https://a-cai.gitee.io/jsapi/">js-api源码</a></li>
      <li><a href="https://a-cai.gitee.io/docsthemes/">网页文档样式</a></li>
      <li><a href="https://a-cai.gitee.io/fonts/">字体清单</a></li>
      <li><a href="https://a-cai.gitee.io/pb/">空格派</a></li>
    </ul>
    <h2>前端开发文档</h2>
    <ul class="grid">
      <li><a href="https://zh.javascript.info/">现代JS教程</a></li>
      <li><a href="https://www.geekxh.com/0.0.%E5%AD%A6%E4%B9%A0%E9%A1%BB%E7%9F%A5/01.html">小浩算法</a></li>
      <li><a href="https://developers.weixin.qq.com/doc/">微信官方文档</a></li>
      <li><a href="https://www.cnblogs.com/xiaohuochai/p/5249139.html">css学习目录</a></li>
      <li><a href="https://www.xiaohuochai.cc/">前端小站</a></li>
      <li><a href="http://www.shouce.ren/">手册网</a></li>
      <li><a href="https://www.zhangxinxu.com/">张鑫旭博客</a></li>
      <li><a href="http://www.iocoder.cn/coke/">芋道源码</a></li>
      <li><a href="http://bestcbooks.com/">计算机书籍控</a></li>
    </ul>
    <h2>前端格式工具</h2>
    <ul class="grid">
      <li><a href="https://www.matools.com/less">LESS 转 CSS</a></li>
      <li><a href="http://www.kurryluo.com/transform">文本加空格</a></li>
      <li><a href="https://www.json.cn/">json解析</a></li>
      <li><a href="http://www.bejson.com/">Bejson</a></li>
      <li><a href="https://sina.lt/">短网址</a></li>
      <li><a href="https://carbon.now.sh/">Carbon</a></li>
      <li><a href="https://sitdown.mdnice.com/Demo.html">Sitdown</a></li>
    </ul>
    <h2>前端在线调试工具</h2>
    <ul class="grid">
      <li><a href="https://oschina.gitee.io/learn-git-branching/">Git 指令</a></li>
      <li><a href="https://www.iyali.com/Front/Search/index.html">小程序重名</a></li>
      <li><a href="https://lunicode.com/bigtext">控制台自定义</a></li>
      <li><a href="https://www.cssstats.com/">CSS性能测试</a></li>
      <li><a href="http://tools.jb51.net/aideddesign/css3_boxshadow">脚本之家</a></li>
    </ul>
    <h2>CDN 加速</h2>
    <ul class="grid">
      <li><a href="https://www.githubs.cn/">Github中文社区</a></li>
      <li><a href="https://www.bootcdn.cn/">BootCDN</a></li>
      <li><a href="https://cdnjs.net/">前端公共库</a></li>
    </ul>
    <h2>图片压缩工具</h2>
    <ul class="grid">
      <li><a href="https://www.soogif.com/compress">Gif压缩</a></li>
      <li><a href="https://www.iloveimg.com/zh-cn">iLoveImg</a></li>
      <li><a href="https://tinify.cn/">TinyPng</a></li>
    </ul>
    <h2>格式在线转换</h2>
    <ul class="grid">
      <li><a href="https://yuedu.data-baker.com/#/">在线配音</a></li>
      <li><a href="https://web.baimiaoapp.com/">白描网页版</a></li>
      <li><a href="https://convertio.co/zh/font-converter/">字体转换</a></li>
      <li><a href="https://www.fontke.com/tool/convfont/">字体本地转换</a></li>
    </ul>
    <h2>颜色工具</h2>
    <ul class="grid">
      <li><a href="http://zhongguose.com/">中国传统色</a></li>
      <li><a href="http://color.oulu.me/">背景渐变色</a></li>
      <li><a href="https://colorhunt.co/">寻色</a></li>
    </ul>
    <h2>在线设计工具</h2>
    <ul class="grid">
      <li><a href="https://www.remove.bg/zh">在线抠图</a></li>
      <li><a href="https://www.fotor.com.cn/templates/wbfocusimage/">焦点图设计</a></li>
      <li><a href="http://hao.uisdc.com/">优设导航</a></li>
      <li><a href="http://noisepng.com/">图片加噪点</a></li>
      <li><a href="http://www.galmoe.com/">B站封面提取</a></li>
      <li><a href="http://www.9thws.com/">艺术二维码</a></li>
      <li><a href="https://qrbtf.com/">参数二维码</a></li>
      <li><a href="https://www.uishe.cn/28293.html">CSS拟物化</a></li>
      <li><a href="https://www.mygraphpaper.com/index.php?lang=zh-hans">方格纸</a></li>
      <li><a href="https://huaban.com/">花瓣网</a></li>
      <li><a href="https://www.gazhiyuan.com/">在线字体生成器</a></li>
      <li><a href="http://svg.wxeditor.com/">svg 编辑</a></li>
      <li><a href="https://www.iconfont.cn/">阿里图标库</a></li>
    </ul>
    <h2>磁力搜索</h2>
    <ul class="grid">
      <li><a href="https://www.cilixiong.com/">磁力熊</a></li>
      <li><a href="https://www.sobaidupan.com/">网盘搜索</a></li>
      <li><a href="https://wall.alphacoders.com/">电脑壁纸</a></li>
      <li><a href="http://neets.cc/">neets</a></li>
      <li><a href="https://hao.hrka.net/">简单导航</a></li>
      <li><a href="https://bt-lib.com/">BT 库</a></li>
      <li><a href="https://www.jubt.cf/cn/index.html#%E7%A3%81%E5%8A%9B%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E">聚BT</a>
      </li>
      <li><a href="https://nguf.xyz/">磁力车</a></li>
    </ul>
    <h2>学习网站</h2>
    <ul class="grid">
      <li><a href="http://www.dicts.cn/">词根词缀词典</a></li>
      <li><a href="https://bdc.youzack.com/">背单词</a></li>
      <li><a href="https://www.bilibili.com">哔哩哔哩</a></li>
      <li><a href="https://www.icourse163.org">中国大学MOOC</a></li>
      <li><a href="https://study.163.com">网易云课堂</a></li>
    </ul>
    <h2>娱乐</h2>
    <ul class="grid">
      <li><a href="https://www.yikm.net/">小霸王游戏</a></li>
    </ul>
    <h2>浏览器相关</h2>
    <ul class="grid">
      <li><a href="https://greasyfork.org/zh-CN/scripts">油猴脚本</a></li>
      <li><a href="https://www.extfans.com/">扩展迷</a></li>
    </ul>
    <h2>资源下载</h2>
    <ul class="grid">
      <li><a href="http://www.ypppt.com/">油猴脚本</a></li>
      <li><a href="https://www.dafont.com/">字体下载</a></li>
      <li><a href="https://www.jq22.com/">jQuery源码</a></li>
      <li><a href="https://www.52pojie.cn/">吾爱破解</a></li>
      <li><a href="http://www.tuyiyi.com/tool-8347-1.html">图翼网</a></li>
      <li><a href="https://www.html5tricks.com/">H5 源码</a></li>
      <li><a href="https://www.yymp3.com/">MP3下载</a></li>
      <li><a href="https://down.52pojie.cn">爱盘</a></li>
      <li><a href="https://support.apple.com/downloads/itunes">iTunes</a></li>
      <li><a href="https://www.qijishow.com/">奇迹秀</a></li>
      <li><a href="https://www.52yzzy.com/">吾爱优质资源</a></li>
      <li><a href="https://shuax.com/project/chrome/">谷歌浏览器</a></li>
    </ul>
    <h2>前端插件</h2>
    <ul class="grid">
      <li><a href="https://www.dowebok.com/demo/2014/77/">全屏网页</a></li>
      <li><a href="https://clipboardjs.com/">剪贴板</a></li>
      <li><a href="https://multiple.js.org/">背景固定</a></li>
    </ul>
    <h2>成绩查询</h2>
    <ul class="grid">
      <li><a href="http://cjcx.neea.edu.cn/html1/folder/20051/1156-1.htm">四六级往年成绩</a></li>
      <li><a href="https://www.chsi.com.cn/cet/">四六级今年成绩</a></li>
      <li><a href="http://www.neea.edu.cn/">中国教育考试网</a></li>
      <li><a href="http://hainan.cltt.org/web/login/pscp01001.aspx">普通话考试</a></li>
      <li><a href="http://www.cltt.org/studentscore">普通话考试</a></li>
      <li><a href="http://60.208.116.167:81/pas/querycert.jsp">会计从业资格</a></li>
      <li><a href="http://ntce.neea.edu.cn/html1/folder/1508/211-1.htm?sid=660">教师资格</a></li>
      <li><a href="http://zscx.neea.edu.cn/html1/folder/1508/211-1.htm?sid=300">计算机等级</a></li>
      <li><a href="http://ielts.etest.edu.cn/">雅思</a></li>
      <li><a href="https://toefl.neea.cn/">托福</a></li>
    </ul>

  </div>
  <section style="text-align: center; font-size: 12px;color: #ccc;padding: 20px 0 30px 0;">
    <a href="http://www.miitbeian.gov.cn/" target="_blank"
      style="text-decoration: none;color: #249ffd;">黔ICP备19011703号-1</a>
  </section>
  <footer>
    <span><i class="homeIcon"></i><a href="javascript:;">主页</a></span>
    <span><i class="searchIcon"></i><a href="javascript:;" class="search-nav">搜索</a></span>
    <span><i class="bookIcon"></i><a href="./pages/read.html">阅读</a></span>
    <span><i class="aboutIcon"></i><a href="./pages/about.html">关于</a></span>
  </footer>

  <script src="js/search.js"></script>
  <script src="js/swiper.js"></script>
  <script src="js/closeAd.js"></script>
</body>

</html>